<template>
  <div class="main-container"> </div>
</template>
<script lang="ts" setup></script>
<style lang="less" scoped>
.main-container {
  // height: @c_height;

  .item-bg {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(128, 144, 219, 0.16);
    border-radius: 6px 6px 6px 6px;
    position: relative;

    .title {
      width: 100%;
      padding: 16px;
      font-weight: bold;
      color: #3f4355;
      font-size: 16px;
      font-family: PingFang SC-Bold, PingFang SC;
      border-bottom: 2px solid #f0f1f8;
    }
  }

  .btn1 {
    background: #136cc4;
    border-color: #136cc4;
    margin: 0 20px;
  }

  .btn2 {
    background: #00ac7c;
    border-color: #00ac7c;
  }
}
.tablstyle {
  padding: 15px 0;
}
</style>
<style lang="less">
.teacher-info {
  .ant-pagination {
    margin-top: 20px;
  }
}
</style>
